<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>夏令营技术研发平台</title>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <style>
        /* 移动端 */
        @media screen and (max-width: 768px) {
            .layui-layout-admin .layui-layout-left,
            .layui-layout-admin .layui-body,
            .layui-layout-admin .layui-footer{left: 0;}
            .layui-layout-admin .layui-side{left: -300px;}
        }
        /* 设置背景颜色为白色 */
        .layui-side {
            background-color: white !important;
        }

        /* 设置文字颜色为黑色 */
        .layui-nav .layui-nav-item a {
            color: black !important;
        }

        /* 设置子菜单背景颜色 */
        .layui-nav .layui-nav-child dd{
            background-color: #FFFFFF; /* 自定义颜色 */
        }

        /* 设置鼠标悬停时子菜单项的颜色 */
        .layui-nav .layui-nav-child a:hover {
            color: #00F7DE !important; /* 自定义颜色 */
        }
        .layui-nav .layui-nav-child{
            padding: 0;
            margin: 0;
        }

    </style>
</head>
<body>

<div class="layui-layout layui-layout-admin">

    <div class="layui-header layui-bg-gray">

        <div class="layui-logo layui-hide-xs layui-bg-green">夏令营技术研发平台</div>


        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;">
                    <img src="https://layui.wc-os.com/other/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" tppabs="http://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                    超级管理员
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">个人信息</a></dd>
                    <dd><a href="">设置</a></dd>
                    <dd><a href="">退出</a></dd>
                </dl>
            </li>
        </ul>
    </div>

    <div class="layui-side ">

        <div class="layui-side-scroll ">

            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree layui-bg-gray" lay-filter="test">
                <li class="layui-nav-item"><!-- layui-nav-itemed控制导航栏的展开-->
                    <a class="" href="javascript:;">采购管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="supplier.html" >供应商管理</a></dd><!--输出信息流界面-->
                        <dd><a href="drug_info.html">药品基本信息管理</a></dd><!--输出信息流界面-->
                        <dd><a href="purchase_ord_add.html">采购单添加</a></dd><!--接表单界面-->
                        <dd><a href="purchase_ord_data.html">采购细明管理</a></dd><!--输出信息流界面-->
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">商品管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="sell_add.html">销售单添加管理</a></dd><!--接表单界面可提交到后端-->
                        <dd><a href="sell_ord_data.html">销售单明细管理</a></dd><!--输出信息流界面-->
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">药店统计管理</a>
                    <dl class="layui-nav-child ">
                        <dd><a href="warehousing_sta.html">入库统计</a></dd>
                        <dd><a href="sell_sta.html">销售统计</a></dd>
                        <dd><a href="inve_insert.html">库存查询</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">人事管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="user_add.html">员工添加</a></dd>
                        <dd><a href="user.html">员工管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">打印管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="join_inve_prt.html">入库单打印</a></dd>
                        <dd><a href="out_inve_prt.html">出库单打印</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">系统管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="login_mage.html">登录管理</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            这是首页index

        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        ©CopyRight  2020-2024  夏令营技术研发组
    </div>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>
<script>
    //JS
    layui.use(['element', 'layer', 'util'], function(){
        var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

        //头部事件
        util.event('lay-header-event', {
            //左侧菜单事件
            menuLeft: function(othis){
                layer.msg('展开左侧菜单的操作', {icon: 0});
            }
        });

    });
</script>

</body>
</html>
